iT邦幫忙

2023 iThome 鐵人賽

DAY 3
0

上次介紹完React的基本知識後,今天來教大家如何建立React新專案👍

建立React專案

首先第一步是開啟終端機(cmd)
輸入以下指令

npx create-react-app my-app

(my-app是專案名稱)

npm install react-scripts@latest

更新套件為最新版本

更新完成後,呼叫專案

cd my-app

最後輸入

npm start

就可以啟動專案了

啟動成功後就可以看到本地端的畫面,接下來就可以開始專案開發了!


套件管理

在使用yarny做套件管理前
先在終端機輸入:

npm install -g yarn

常⽤的YARN指令

  • yarn (把紀錄在package.json裡⾯的套件全部安裝⼀遍)
  • yarn add xxx (安裝xxx套件到專案)
  • yarn global add xxx (把套件xxx安裝為全域套件)

所有經過安裝的套件,都會被紀錄在package.json的

dependencies與devDependencies裡⾯!


今天分享的內容就先到這邊,
是不是覺得React很容易上手呢?
我們明天見!


上一篇
Day 2 | REACT是什麼?
下一篇
Day 4 | 發布React專案
系列文
30天用React開發運動教室網站6
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言